<template>
  <div>
    <!-- 说明-->
    <!-- 先去掉, 这两个方法, 否则会报错-->
    <!-- @open="handleOpen"-->
    <!-- @close="handleClose"-->
    <el-menu
        style="width: 200px"
        default-active="2"
        class="el-menu-vertical-demo"
    >
      <el-menu-item index="1" @click="report">
        <i class="el-icon-menu"></i>
        <template #title>报表和统计</template>
      </el-menu-item>
      <el-menu-item index="2" @click="interviewer">
        <i class="el-icon-menu"></i>
        <template #title>面试官管理</template>
      </el-menu-item>
      <el-menu-item index="3" @click="arrange">
        <i class="el-icon-setting"></i>
        <template #title>面试安排管理</template>
      </el-menu-item>
      <el-menu-item index="4" @click="questionBank">
        <i class="el-icon-setting"></i>
        <template #title>面试题库管理</template>
      </el-menu-item>
    </el-menu>
  </div>
</template>
<script>
export default {
  name: "Aside",
  methods:{
    report(){
      this.$router.push('/report');
    },
    interviewer(){
      this.$router.push('/interviewer');
    },
    arrange(){
      this.$router.push('/arrange');
    },
    questionBank(){
      this.$router.push('/questionBank');
    }
  }
}
</script>
<style scoped>
</style>